<% content_for(:head) do %>
   <title>大连市恒扬无损检测技术有限公司 - 无损检测服务详情</title>
   <meta name="description" content="大连市恒扬无损检测技术有限公司的无损检测服务涵盖多个领域，包括射线检测、超声波检测、铸件渗透检测、磁粉检测、X射线检测、触头法磁粉检测等。我们拥有专业的团队和先进的设备，确保为客户提供精准可靠的检测结果。">
   <meta name="keywords" content="无损检测服务, 超声波检测, 射线检测, 铸件渗透检测, 磁粉检测, X射线检测, 触头法磁粉检测, 检测技术, 精准检测">
<% end %>
<main>

         <!-- blog details breadcrumb area start -->
         <section class="breadcrumb__area breadcrumb-style pt-190 pb-210 p-relative z-index-1" data-background="/assets/img/breadcrumb/breadcrumb-bg-1.jpg">
            <div class="breadcrumb__bg-overlay m-img"></div>
            <div class="container">
               <div class="row justify-content-center">
                  <div class="col-xl-10">
                     <div class="breadcrumb__content text-center">
                        <h3 class="breadcrumb__title">详情
                           <img src="https://weblearnbd.net/tphtml/technix/assets/img/breadcrumb/titile.svg" alt="" style="right: 43%; width: 130px;">
                        </h3>
                        <!-- <div class="breadcrumb__list breadcrumb__list-translate">
                           <span><a href="https://weblearnbd.net/tphtml/technix/home">Home</a></span>
                           <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                           <span>pages</span>
                           <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                           <span>blog</span>
                        </div> -->
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- blog details breadcrumb area end -->


         <!-- postbox area start -->
         <section class="postbox__area pt-120 pb-100">
            <div class="container">
               <div class="row">
                  <div class="col-xxl-8 col-xl-8 col-lg-8">
                     <div class="postbox__wrapper">
                        <article class="postbox__item format-image mb-50 transition-3">
                           <div class="postbox__thumb m-img">
                              <img src="<%= @article.thumbnail_img_url %>" alt="" style="width: 777px; height: 449px">
                           </div>
                           <div class="postbox__content">
                              <div class="postbox__meta">
                                 <span><i class="fa-light fa-calendar-days"></i>  <%= @article.created_at.strftime('%Y年%m月%d日')%>  </span>
                              </div>
                              <h3 class="postbox__title"><%= @article.title %></h3>
                              <div class="postbox__text">
                                 <%= @article.content.html_safe %>
                                 <div class="postbox__details-share-wrapper">
                                    <div class="row">
                                       <div class="col-lg-7">
                                          <div class="postbox__details-tag tagcloud">
                                             <span>标签:</span>
                                             <% @article.tags.split(',').each do |title| %>
                                                <a href="javascript:void(0)"><%= title %></a>
                                             <% end %>
                                          </div>
                                       </div>
                                       <div class="col-lg-5">
                                          <div class="postbox__details-share text-lg-end">
                                             <span>分享:</span>
                                             <a href="javascript:void(0)"><i class="layui-icon layui-icon-link copy_url"></i></a>
                                             <a href="javascript:void(0)"><i class="layui-icon layui-icon-login-wechat copy_url"></i></a>
                                             <a href="javascript:void(0)"><i class="layui-icon layui-icon-login-qq copy_url"></i></a>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </article>
                        <!-- <div class="postbox__comment mb-50">
                           <h3 class="postbox__comment-title">(04) Comment</h3>
                           <ul>
                              <li>
                                 <div class="postbox__comment-box p-relative">
                                    <div class="postbox__comment-info d-flex">
                                          <div class="postbox__comment-avater mr-20">
                                             <img src="/assets/img/blog/details/comment-1.jpg" alt="">
                                          </div>
                                          <div class="postbox__comment-name">
                                             <h5>Eleanor Fant</h5>
                                             <span class="post-meta"> July 14, 2022</span>
                                          </div>
                                    </div>
                                    <div class="postbox__comment-text ml-65">
                                       <p>There are many variations of passages of Lorem Ipsum available, but the leap into electronic
                                          type setting, remaining essentiallyuncha opularisedthe with the release of Letrasetsheets
                                          containingth leap electrtypesetting remainingmajority have. There are many variations
                                          of passages of Lorem Ipsum</p>
                                       <div class="postbox__comment-reply">
                                          <span><svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M6.54688 10.2031L12.7969 16.4531C13.9688 17.625 16 16.8047 16 15.125V12.3516C20.6094 12.5469 20.7266 13.5625 20.0625 15.8672C19.5547 17.5469 21.4688 18.9141 22.9141 17.9375C24.9062 16.5703 26 14.8516 26 12.3516C26 6.76562 21 5.67188 16 5.47656V2.66406C16 0.984375 13.9688 0.164062 12.7969 1.33594L6.54688 7.58594C5.80469 8.28906 5.80469 9.5 6.54688 10.2031ZM7.875 8.875L14.125 2.625V7.3125C18.8125 7.3125 24.125 7.58594 24.125 12.3516C24.125 14.5391 22.9922 15.6328 21.8594 16.375C23.4609 11.0625 19.4766 10.4375 14.125 10.4375V15.125L7.875 8.875ZM1.54688 7.58594C0.804688 8.28906 0.804688 9.5 1.54688 10.2031L7.79688 16.4531C8.57812 17.2734 9.75 17.1562 10.4531 16.4531L2.875 8.875L10.4531 1.33594C9.75 0.632812 8.57812 0.515625 7.79688 1.33594L1.54688 7.58594Z" fill="#121416"/>
                                             </svg></span>
                                       </div>
                                    </div>
                                 </div>
                              </li>
                              <li class="children">
                                 <div class="postbox__comment-box">
                                    <div class="postbox__comment-info d-flex">
                                          <div class="postbox__comment-avater mr-20">
                                             <img src="/assets/img/blog/details/comment-2.jpg" alt="">
                                          </div>
                                          <div class="postbox__comment-name">
                                             <h5>Eleanor Fant</h5>
                                             <span class="post-meta"> July 14, 2022</span>
                                          </div>
                                    </div>
                                    <div class="postbox__comment-text ml-65">
                                       <p>There are many variations of passages of Lorem Ipsum available, but the
                                          majority have. There are many variations of passages</p>
                                    </div>
                                 </div>
                              </li>
                           </ul>
                        </div>
                        <div class="postbox__comment-form">
                           <h3 class="postbox__comment-form-title">Write a comment</h3>
                           <form id="contact-form" action="#">
                              <div class="row">
                                 <div class="col-xxl-6 col-xl-6 col-lg-6">
                                    <div class="postbox__comment-input">
                                       <input name="name" type="text" placeholder="Enter your name*">
                                    </div>
                                 </div>
                                 <div class="col-xxl-6 col-xl-6 col-lg-6">
                                    <div class="postbox__comment-input">
                                       <input name="email" type="email" placeholder="Enter your mail*">
                                    </div>
                                 </div>
                                 <div class="col-xxl-6 col-xl-6 col-lg-6">
                                    <div class="postbox__comment-input">
                                       <input name="phone" type="text" placeholder="Enter your  number*">
                                    </div>
                                 </div>
                                 <div class="col-xxl-6 col-xl-6 col-lg-6">
                                    <div class="postbox__comment-input">
                                       <input name="company" type="text" placeholder="Website*">
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="postbox__comment-input">
                                       <textarea name="message" placeholder="Enter your Massage*"></textarea>
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="postbox__comment-agree d-flex align-items-start mb-70">
                                       <input class="e-check-input" type="checkbox" id="e-agree">
                                       <label class="e-check-label" for="e-agree">Save my name, email, and website in this browser for the next time I comment.</label>
                                    </div>
                                 </div>
                                 <div class="col-xxl-12">
                                    <div class="postbox__comment-btn">
                                       <button type="submit" class="tp-btn">Send Message</button>
                                    </div>
                                 </div>
                              </div>
                           </form>
                           <p class="ajax-response"></p>
                        </div> -->
                     </div>
                  </div>
                  <div class="col-xxl-4 col-xl-4 col-lg-4">
                     <div class="sidebar__wrapper">
                        <div class="sidebar__widget mb-30">
                           <div class="sidebar__widget-content">
                              <h3 class="sidebar__widget-title">搜索</h3>
                              <div class="sidebar__search">
                                 <form action="<%= blog_web_homepages_path %>">
                                    <div class="sidebar__search-input-2">
                                       <input type="text" name="search_title" placeholder="搜索">
                                       <button type="submit"><i class="far fa-search"></i></button>
                                    </div>
                                 </form>
                              </div>
                           </div>
                        </div>
                        <div class="sidebar__widget mb-30">
                           <h3 class="sidebar__widget-title">近期文章</h3>
                           <div class="sidebar__widget-content">
                              <div class="sidebar__post rc__post">
                                <% @recent_articles.each do |article| %>
                                 <div class="rc__post mb-30 d-flex align-items-center">
                                    <div class="rc__post-thumb mr-20">
                                       <a href="<%= blog_detail_web_homepages_path(id: article.id) %>"><img src="<%= article.thumbnail_img_url %>" alt="" style="width: 101px; height: 84px;"></a>
                                    </div>
                                    <div class="rc__post-content">
                                       <div class="rc__meta">
                                          <span><svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M1 13H3.25V10.75H1V13ZM3.75 13H6.25V10.75H3.75V13ZM1 10.25H3.25V7.75H1V10.25ZM3.75 10.25H6.25V7.75H3.75V10.25ZM1 7.25H3.25V5H1V7.25ZM6.75 13H9.25V10.75H6.75V13ZM3.75 7.25H6.25V5H3.75V7.25ZM9.75 13H12V10.75H9.75V13ZM6.75 10.25H9.25V7.75H6.75V10.25ZM4 3.5V1.25C4 1.18229 3.97396 1.125 3.92188 1.07812C3.875 1.02604 3.81771 0.999999 3.75 0.999999H3.25C3.18229 0.999999 3.1224 1.02604 3.07031 1.07812C3.02344 1.125 3 1.18229 3 1.25V3.5C3 3.56771 3.02344 3.6276 3.07031 3.67969C3.1224 3.72656 3.18229 3.75 3.25 3.75H3.75C3.81771 3.75 3.875 3.72656 3.92188 3.67969C3.97396 3.6276 4 3.56771 4 3.5ZM9.75 10.25H12V7.75H9.75V10.25ZM6.75 7.25H9.25V5H6.75V7.25ZM9.75 7.25H12V5H9.75V7.25ZM10 3.5V1.25C10 1.18229 9.97396 1.125 9.92188 1.07812C9.875 1.02604 9.81771 0.999999 9.75 0.999999H9.25C9.18229 0.999999 9.1224 1.02604 9.07031 1.07812C9.02344 1.125 9 1.18229 9 1.25V3.5C9 3.56771 9.02344 3.6276 9.07031 3.67969C9.1224 3.72656 9.18229 3.75 9.25 3.75H9.75C9.81771 3.75 9.875 3.72656 9.92188 3.67969C9.97396 3.6276 10 3.56771 10 3.5ZM13 3V13C13 13.2708 12.901 13.5052 12.7031 13.7031C12.5052 13.901 12.2708 14 12 14H1C0.729167 14 0.494792 13.901 0.296875 13.7031C0.0989583 13.5052 0 13.2708 0 13V3C0 2.72917 0.0989583 2.49479 0.296875 2.29687C0.494792 2.09896 0.729167 2 1 2H2V1.25C2 0.906249 2.1224 0.611978 2.36719 0.367187C2.61198 0.122395 2.90625 -9.53674e-07 3.25 -9.53674e-07H3.75C4.09375 -9.53674e-07 4.38802 0.122395 4.63281 0.367187C4.8776 0.611978 5 0.906249 5 1.25V2H8V1.25C8 0.906249 8.1224 0.611978 8.36719 0.367187C8.61198 0.122395 8.90625 -9.53674e-07 9.25 -9.53674e-07H9.75C10.0938 -9.53674e-07 10.388 0.122395 10.6328 0.367187C10.8776 0.611978 11 0.906249 11 1.25V2H12C12.2708 2 12.5052 2.09896 12.7031 2.29687C12.901 2.49479 13 2.72917 13 3Z" fill="#05DAC3"/>
                                             </svg>
                                             <%= article.created_at.strftime('%Y年%m月%d日')%> </span>
                                       </div>
                                       <h3 class="rc__post-title">
                                          <a href="<%= blog_detail_web_homepages_path(id: article.id) %>"><%= article.title %></a>
                                       </h3>
                                    </div>
                                 </div>
                                <% end %>
                              </div>
                           </div>
                        </div>
                        <div class="sidebar__widget mb-30">
                           <h3 class="sidebar__widget-title">类别</h3>
                           <div class="sidebar__widget-content">
                              <ul>
                                <% @recen_article_categories.each do |article_category | %>
                                 <li><a href="<%= blog_web_homepages_path(cate: article_category.id) %>"><%= article_category.title %> <span><%= article_category.articles.count %></span></a></li>
                                <% end %>
                              </ul>
                           </div>
                        </div>
                        <!-- <div class="sidebar__widget mb-30">
                           <h3 class="sidebar__widget-title">标签</h3>
                           <div class="sidebar__widget-content">
                              <div class="tagcloud">
                                 <a href="javascript:void(0)">symphony</a>
                              </div>
                           </div>
                        </div> -->
                     </div>
                  </div>
               </div>
            </div>
         </section>
         <!-- postbox area end -->

         <!-- cta area start -->
         <%= render 'content_us' %>
         <!-- cta area end -->

   </main>

   <script src="/assets/web/js/main.js"></script>

<script>
   $(document).on('click', '.copy_url', function(){
      let str = "以客户为中心，以奋斗者为本。我们是#大连市无损检测技术有限公司# 您可登陆：http://dlhyndt.com/ 查看详细！"
      let input = `<input type="text" id="temp" value="${str}">`;
      $("body").append(input); //放入document
      $("#temp").select(); //选中输入框的文本，目前只有input和textarea支持,注意要复制的标签不能隐藏(display: none;)
      document.execCommand("Copy"); //执行document的复制
      $("#temp").remove(); //用完就扔
      // 如果需要提示语
      let div =
         `<div id="tip" style="position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 12px 25px;background: rgba(0, 0, 0, 0.6); color: #fff;font-size: 14px;">复制成功</div>`; //提示语div
      $("body").append(div); //放入document
      setTimeout(() => {
         $("#tip").remove(); //用完就扔
      }, 1000);
      layer.msg('复制成功')
   })
</script>